@import './reset';
@import './mixin';

#app {
	font-family: 'PingFang-SC', 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	width: 100%;
	height: 100%;
	position: relative;
}

page,
scroll-view {
	scroll-behavior: smooth;
}


/* 适配 iPhoneX */
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
	.safearea {
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
}


.text-overflow {
	@include text-overflow();
}

.text-overflow-more {
	@include text-overflow-more();
}

.page {
	min-height: 100vh;
	background: #f5f5f5;
	box-sizing: border-box;
}

.fullBack {
	// 弹层底部关闭
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.boxBg {
	background: #fff;
}

page {
	background: #fff;
}

.vertical_middle {
	display: flex;
	align-items: center;
}
.vertical_bottom {
	display: flex;
	align-items: flex-end;
}

.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-1 {
	flex: 1;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.btnOff {
	color: #7a7a7a !important;
	background: #f2f2f2 !important;
}


.u-noMore {
	padding: 10rpx;
	font-size: 12rpx;
	color: #7a7a7a;
	text-align: center;
}

.fixFullDisplayBottom {
	bottom: 68rpx !important;
}


.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.m-b20 {
	margin-bottom: 20rpx;
}

.m-b60 {
	margin-bottom: 60rpx;
}

.input-placeholder {
	color: #9b9b9b;
	font-size: 32rpx;
}

.no-data {
	padding-top: 282rpx;
	color: $primary-color;
	font-size: 30rpx;
	text-align: center;
}
.no-more {
    display: flex;
    justify-content: center;
    margin-top: 30rpx;
    font-size: 28rpx;
    color: #b1b1b1;
  }
.font_weight {
	font-weight: bold;
}

.win {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	.shadow {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(black, 0.5);
	}
}

.mt-30 {
	margin-top: 30rpx;
}

